page {
	background: $uni-F5F5F5;
}
.top-box {
	width: 100vw;
	background: $uni-white;
	box-sizing: border-box;
	padding: calc(var(--status-bar-height) + 14rpx) 32rpx 14rpx;
}

.search-box {
	width: 100vw;
	height: 88rpx;
	background: $uni-white;
	box-sizing: border-box;
	padding: 0 32rpx;
}

.input-box {
	width: 100%;
	background: $uni-F5F5F5;
	height: 64rpx;
	border-radius: 16rpx;
	box-sizing: border-box;
	padding: 0 24rpx;
}
.screening-box {
	width: 138rpx;
	height: 56rpx;
	border-radius: 32rpx;
	border: 2rpx solid $uni-border-3;
	margin-left: 24rpx;
}
.screening-icon {
	width: 32rpx;
	height: 32rpx;
}

.list-content {
	width: 100%;
	box-sizing: border-box;
	padding: 12rpx 32rpx;
}

.list-item {
	width: 100%;
	height: 152rpx;
	background: $uni-white;
	border-radius: 24rpx;
	box-sizing: border-box;
	padding: 0 32rpx;
	margin-top: 20rpx;
}

.user-head {
	width: 88rpx;
	height: 88rpx;
	border-radius: 44rpx;
	margin-right: 24rpx;
	background: $uni-F5F5F5;
	flex-shrink: 0;
}

.user-tag {
	font-size: 22rpx;
	color: #86A695;
	background: $uni-F5F5F5;
	padding: 4rpx 14rpx;
	border-radius: 8rpx;
}

.in-training {
	width: 100rpx;
	height: 44rpx;
	text-align: center;
	line-height: 44rpx;
	border-radius: 0rpx 22rpx 22rpx 22rpx;
	font-size: 24rpx;
	color: $uni-white;
}

.add-player {
	background: linear-gradient(90deg, #FD7843, #FF6121);
	width: 218rpx;
	height: 80rpx;
	border-radius: 40rpx;
	box-shadow: 0 20rpx 30rpx rgba(255,97,33, .15);
	position: fixed;
	bottom: 44rpx;
	right: 32rpx;
}

.add-icon {
	transform: rotate(45deg);
}
 